﻿<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="cache-control" content="no-store, must-revalidate">
  <!--    <meta http-equiv="cache-control" content="public, max-age=1800">-->
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta name="page-view-size" content="1280*720">
  <script src="js/HwEpg.js"></script>
  <link rel="stylesheet" href="./css/hwepg.css">
  <link rel="stylesheet" href="./css/animate.css">

</head>

<body>
  <noscript>请启用浏览器JavaScript</noscript>
  <div class="page" id="page">
      <div class="container" id="container">



          <div class="row row_h_240">
              <div class="col col2 vitem" loadEffect='bounce' url="index.html" focusEffect='bounce' type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">
              </div>
              <div class="col col2 vitem" focusEffect='wobble' type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">
              </div>
              <div class="col col2 vitem" focusEffect='flash' type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">

              </div>
              <div class="col col2 vitem" type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">

              </div>
              <div class="col col2 vitem" type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">

              </div>
              <div class="col col2 vitem" type='imageMask' img="image/column/ico-all.png" imgMask="image/column/ico-all-active.png">

              </div>

          </div>

          <div class="row row_h_335 " style="margin-top: 0px;">
              <div class="col col6 vitem" img="image/demo/1.png">

              </div>

              <div class="col col3 vitem" img="image/demo/2.png" style="padding-left: 10px;">

              </div>
              <div class="col col3 vitem" img="image/demo/3.png" style="padding-left: 10px;">

              </div>

          </div>
          <div class="row row_h_160">
              <div class="col col3 vitem" focusEffect='shake' img="image/demo/4.png">
              </div>
              <div class="col col3 vitem" focusEffect='shake' img="image/demo/5.png">
              </div>
              <div class="col col3 vitem" img="image/demo/6.png">
              </div>
              <div class="col col3 vitem" img="image/demo/7.png">
              </div>
          </div>

          <div class="row row_h_160">
              <div class="col col3 vitem" focusEffect='shake' img="image/demo/4.png">
              </div>
              <div class="col col3 vitem" focusEffect='shake' img="image/demo/5.png">
              </div>
              <div class="col col3 vitem" img="image/demo/6.png">
              </div>
              <div class="col col3 vitem" img="image/demo/7.png">
              </div>
          </div>
          <div class="row row_h_160">
              <div class="col col3 vitem" img="image/demo/4.png">
              </div>
              <div class="col col3 vitem" img="image/demo/5.png">
              </div>
              <div class="col col3 vitem" img="image/demo/6.png">
              </div>
              <div class="col col3 vitem" img="image/demo/7.png">
              </div>
          </div>
          <div class="row row_h_160">
              <div class="col col3 vitem" img="image/demo/4.png">
              </div>
              <div class="col col3 vitem" img="image/demo/5.png">
              </div>
              <div class="col col3 vitem" img="image/demo/6.png">
              </div>
              <div class="col col3 vitem" img="image/demo/7.png">
              </div>
          </div>
          <div class="row row_h_160">
              <div class="col col3 vitem" img="image/demo/4.png">
              </div>
              <div class="col col3 vitem" img="image/demo/5.png">
              </div>
              <div class="col col3 vitem" img="image/demo/6.png">
              </div>
              <div class="col col3 vitem" img="image/demo/7.png">
              </div>
          </div>



      </div>
  </div>

</body>
<style>
  .page {
    background-color:#000;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

</style>
<script>
  //初始化
    HwEpg.initPage();
    HwEpg.move(HwEpg.pointer);

  //返回事件写页面
    function back() {
        _$('dialog').style.display = 'block';
    }
    var _$ = function (id) {
        return document.getElementById(id);
    };

</script>

</html>
